<template>
	<view>
		<view class="kehu-item">
			<view class="kehu-left">
				<view class="touxiang-box">
					<image src="http://ai.ylcaifu.com/appimg/images/5.0-%E6%88%91%E7%9A%84-%E7%90%86%E8%B4%A2%E5%B8%88/5.1-%E6%88%91%E7%9A%84%E5%AE%A2%E6%88%B7%EF%BC%88CRM%EF%BC%89/android/drawable-xhdpi/touxiang.png" mode="aspectFit" class="touxiang-image"></image>
					<image src="http://ai.ylcaifu.com/appimg/images/5.0-%E6%88%91%E7%9A%84-%E7%90%86%E8%B4%A2%E5%B8%88/5.1-%E6%88%91%E7%9A%84%E5%AE%A2%E6%88%B7%EF%BC%88CRM%EF%BC%89/android/drawable-xhdpi/nanxing.png" mode="aspectFit" class="xingbie"></image>				
				</view>
				
				<view class="kehu-message">
					<view class="kehu-message-top">
						<view class="kehu-name">
							李逵之
						</view>
						<image src="http://ai.ylcaifu.com/appimg/images/5.0-%E6%88%91%E7%9A%84-%E7%90%86%E8%B4%A2%E5%B8%88/5.1-%E6%88%91%E7%9A%84%E5%AE%A2%E6%88%B7%EF%BC%88CRM%EF%BC%89/android/drawable-xhdpi/he.png" mode="aspectFit" class="label-image"></image>
					</view>
					<view class="kehu-message-bottom">
						<image src="http://ai.ylcaifu.com/appimg/images/5.0-%E6%88%91%E7%9A%84-%E7%90%86%E8%B4%A2%E5%B8%88/5.1-%E6%88%91%E7%9A%84%E5%AE%A2%E6%88%B7%EF%BC%88CRM%EF%BC%89/android/drawable-xhdpi/xingjikehu.png" mode="aspectFit"></image>
						<view class="star">
							一星客户
						</view>
						
						
					</view>
				</view>
			</view>
				
		</view>
		<view class="kehu-box">
			<view class="row">
				<view class="left">
					<image class="left-image" src="http://ai.ylcaifu.com/appimg/images/5.0-%E6%88%91%E7%9A%84-%E7%90%86%E8%B4%A2%E5%B8%88/5.1.4-%E5%AE%A2%E6%88%B7%E8%AF%A6%E6%83%85/android/drawable-xhdpi/dianhuan.png" mode=""></image>
					手机号
				</view>
				<view class="right">
					<view class="">
						13109-90930221
					</view>
					<image src="http://ai.ylcaifu.com/appimg/images/5.0-%E6%88%91%E7%9A%84-%E7%90%86%E8%B4%A2%E5%B8%88/5.1-%E6%88%91%E7%9A%84%E5%AE%A2%E6%88%B7%EF%BC%88CRM%EF%BC%89/android/drawable-xhdpi/dianhuan.png" mode="" class="kehu-right"></image>
					
				</view>
				
			</view>
			<view class="row">
				<view class="left">
					<image class="left-image" src="http://ai.ylcaifu.com/appimg/images/5.0-%E6%88%91%E7%9A%84-%E7%90%86%E8%B4%A2%E5%B8%88/5.1.4-%E5%AE%A2%E6%88%B7%E8%AF%A6%E6%83%85/android/drawable-xhdpi/xingbei.png" mode=""></image>
					性别
				</view>
				<view class="right">
					
					女
				</view>
				
			</view>
			<view class="row">
				<view class="left">
					<image class="left-image" src="http://ai.ylcaifu.com/appimg/images/5.0-%E6%88%91%E7%9A%84-%E7%90%86%E8%B4%A2%E5%B8%88/5.1.4-%E5%AE%A2%E6%88%B7%E8%AF%A6%E6%83%85/android/drawable-xhdpi/shengre.png" mode=""></image>
					生日
				</view>
				<view class="right">
					1999-10-10
				</view>
				
			</view>
			<view class="row">
				<view class="left">
					<image class="left-image" src="http://ai.ylcaifu.com/appimg/images/5.0-%E6%88%91%E7%9A%84-%E7%90%86%E8%B4%A2%E5%B8%88/5.1.4-%E5%AE%A2%E6%88%B7%E8%AF%A6%E6%83%85/android/drawable-xhdpi/dingwei.png" mode=""></image>
					所在地区
				</view>
				<view class="right">
					北京市海淀小区巴拉巴拉小魔仙balabalb
				</view>
				
			</view>
			<view class="row">
				<view class="left">
					<image class="left-image" src="http://ai.ylcaifu.com/appimg/images/5.0-%E6%88%91%E7%9A%84-%E7%90%86%E8%B4%A2%E5%B8%88/5.1.4-%E5%AE%A2%E6%88%B7%E8%AF%A6%E6%83%85/android/drawable-xhdpi/biaoqian.png" mode=""></image>
					标签
					<image  src="http://ai.ylcaifu.com/appimg/images/5.0-%E6%88%91%E7%9A%84-%E7%90%86%E8%B4%A2%E5%B8%88/5.1-%E6%88%91%E7%9A%84%E5%AE%A2%E6%88%B7%EF%BC%88CRM%EF%BC%89/android/drawable-xhdpi/he.png" mode="aspectFit" class="label-image"></image>
					
				</view>
				<view class="right">
					<view class="btn">
						添加
					</view>
				</view>
				
			</view>
			<view class="row">
				<view class="left">
					<image class="left-image" src="http://ai.ylcaifu.com/appimg/images/5.0-%E6%88%91%E7%9A%84-%E7%90%86%E8%B4%A2%E5%B8%88/5.1.4-%E5%AE%A2%E6%88%B7%E8%AF%A6%E6%83%85/android/drawable-xhdpi/shimingrenzheng.png" mode=""></image>
					实名认证
				</view>
				<view class="right">
					<view class="btn yirenzheng">
						已认证
					</view>
				</view>
				
			</view>
			<view class="row">
				<view class="left">
					<image class="left-image" src="http://ai.ylcaifu.com/appimg/images/5.0-%E6%88%91%E7%9A%84-%E7%90%86%E8%B4%A2%E5%B8%88/5.1.4-%E5%AE%A2%E6%88%B7%E8%AF%A6%E6%83%85/android/drawable-xhdpi/hege.png" mode=""></image>
					合格投资者认证
				</view>
				<view class="right">
					<view class="btn">
						去认证
					</view>
				</view>
				
				
			</view>
			
			<view class="row">
				<view class="left">
					<image class="left-image" src="http://ai.ylcaifu.com/appimg/images/5.0-%E6%88%91%E7%9A%84-%E7%90%86%E8%B4%A2%E5%B8%88/5.1.4-%E5%AE%A2%E6%88%B7%E8%AF%A6%E6%83%85/android/drawable-xhdpi/chuangye.png" mode=""></image>
					创业投资者认证
				</view>
				<view class="right">
					<view class="btn">
						去认证
					</view>
				</view>
				
			</view>
			
		
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style>
.kehu-item{
		display: flex;
		flex-direction: row;
		align-items: center;
		padding: 0 20upx;
		border-bottom: 1px solid rgb(0,0,0,0.05) ;
		justify-content: space-between;
		height: 80px;
		background: rgb(255,255,255);
		
	}
	.kehu-left,.kehu-message-bottom{
		display: flex;
		flex-direction: row;
		align-items: center;
		
	}
	.touxiang-box{
		position: relative;
		margin-right: 20upx;
	}
	.touxiang-box .xingbie{
		position: absolute;
		width: 14px;
		height: 12px;
		
		
		bottom: 0;
		right: 0;
	}
	.kehu-left .touxiang-image{
		width: 45px;
		height: 45px;
		
	}
	
	.kehu-message-top{
		display: flex;
		flex-direction: row;
		align-items: center;
		font-size: 16px;
		line-height: 30px;
		
	}
	.label-image{
		width: 16px;
		height: 16px;
		margin-left: 8upx;
	}
	.kehu-message-bottom{
		line-height: 15px;
		font-size:10px ;
	}
	.kehu-message-bottom image{
		width: 12px;
		height: 9px;
	}
	.star{
		
		color:#C49C5A ;
	}
	.kehu-box{
		padding: 0 30upx;
		margin-top: 5px;
		background: rgb(255,255,255);
	}
	.row {
		height: 54px;
		border-bottom: 1px solid rgba(238,238,238,1);;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
	}
	.row input{
		
	}
	.left {
		display: flex;
		flex-direction: row;
	
		align-items: center;
		font-size: 15px;
		margin-right: 20upx;
		
	}
	
	.questionBox {
		display: flex;
		flex-direction: row;
		justify-content: center;
		width: 100%;
		padding: 40upx 0;
		text-align: center;
		margin-top: 50%;
	
	}
	.label {
		margin:0 10upx;
	}
	.right{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		color: #CCCCCC;
	}
	.kehu-right {
		width: 25px;
		height: 25px;
		margin-left: 10upx;
	}
	.left-image{
		height: 18px;
		width: 18px;
		margin-right: 20upx;
	}
	.btn{
		line-height: 22px;
		border: 1px solid #C49C5A;
		border-radius: 22upx;
		padding: 0 15upx;
		color: #C49C5A;
	}
	.yirenzheng{
		color: #CCCCCC;
		border: 1px solid #CCCCCC;
	}
</style>
